<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/bootstrap-theme.min.css">
  <link rel="stylesheet" href="css/main.css">

  <!--[if lt IE 9]>
    <script src="js/vendor/html5-3.6-respond-1.1.0.min.js"></script>
  <![endif]-->
</head>
<body>
  <!--[if lt IE 7]>
    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->
<header>
  <!-- Top bar started -->
  <div class="top-bar">
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
          <ul class="social-icons list-unstyled">
            <li class="youtube"><a href="#"></a></li>
            <li class="linked-in"><a href="#"></a></li>
            <li class="twitter"><a href="#"></a></li>
            <li class="blogger"><a href="#"></a></li>
          </ul>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-7 col-xs-12">
          <h2 class="pull-right">24x7  Toll Free Help Line: 1800 180 55 22</h2>
        </div>
      </div>
    </div>
  </div>
  <!-- Top Bar Ends Here -->

  <!-- Navbar Started here -->
  <div class="menu-bar">
    <div class="container">
      <div class="navbar navbar-default navbar-static-top">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img class="img-responsive"  src="img/logo.png"></a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav pull-right menu-links">
            <li class="active border-right"><a href="#">Home</a></li>
            <li class="border-right"><a href="#">About Us</a></li>
            </span>
            <li class="border-right dropdown"><a href="#"  class="dropdown-toggle" data-toggle="dropdown">Programs <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
            </ul>
            </li>

            <li class="border-right"><a href="#">Join Us</a></li>
            <li><a class="padding-right-zero" href="#">Contact Us</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Navbar Ends here -->
</header>
<div class="gap"></div>
<div class="gap"></div>
<div class="gap"></div>
<div class="gap"></div>
<div class="gap"></div>
<div class="gap"></div>

<section class="form-step1">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="panel panel-primary">
            <div class="panel-heading">
              <h3 class="panel-title">Course details (4/5)</h3>
            </div>
            <div class="panel-body">
              <div class="col-lg-10">
               <form class="form-horizontal" role="form">

                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-7 control-label"><span class="red">*</span>*Under Graduate or Post Graduate : </label>
                  <div class="col-sm-5">
                    <select class="form-control">
                      <option value="Select State" disabled selected>Select</option>
                      <option>Uttra Pradesh</option>
                      <option>Rajsathan</option>
                      <option>Punjab</option>
                      <option>Himachal Pradesh</option>
                      <option>Delhi</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-7 control-label"><span class="red">*</span>*Name of Course : </label>
                  <div class="col-sm-5">
                    <input type="email" class="form-control" id="inputEmail3" placeholder="Address 1">
                  </div>
                </div>

                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-7 control-label"><span class="red">*</span>Registration/Enrolment Number :</label>
                  <div class="col-sm-5">
                    <input type="email" class="form-control" id="inputEmail3" placeholder="Registration No.">
                  </div>
                </div>

                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-7 control-label"><span class="red">*</span>How many students are in your Class ? :</label>
                  <div class="col-sm-5">
                    <input type="email" class="form-control" id="inputEmail3" placeholder="No. of Students">
                  </div>
                </div>

                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-7 control-label"><span class="red">*</span>ear of Study for which you wish to register ? :</label>
                  <div class="col-sm-5">
                    <select class="form-control">
                      <option value="Select State" disabled selected>Select</option>
                      <option>1st Year</option>
                      <option>2st Year</option>
                      <option>3st Year</option>
                      <option>4st Year</option>
                      <option>5st Year</option>
                      <option>Others</option>
                    </select>
                  </div>
                </div>

              </form>

              <div class="gap"></div>
              <div class="gap"></div>  
              
              </div>
              <div class="col-lg-2"></div>
              
              <div class="row">
                <div class="col-lg-12">
                  <div class="button-cont">
                    <a href="#" class="read-more pull-left">PREV</a>
                    <a href="#" class="read-more pull-right">NEXT</a>
                  </div>
                </div>
              </div>

            </div>
        </div>
      </div>
    </div>

  </div>
</section>
<div class="gap"></div>
<div class="gap"></div>
<div class="gap"></div>
<div class="gap"></div>
<footer>
  <div class="top-bar">
    <div class="gap"></div>
    <div class="gap"></div>
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="media">
            <img class="media-object pull-left" src="img/contact-1.png" alt="...">
            <div class="media-body">
              <h4 class="media-heading">Contact</h4>
              <p>
                Aman Satya Kachroo Trust <br />
                689, Sector 23 <br />
                Gurgaon, Haryana- 122017 <br /> 
                India 
              </p>
            </div>
          </div>
          <div class="media">
            <img class="media-object pull-left" src="img/contact-2.png" alt="...">
            <div class="media-body">
              <h4 class="media-heading">EMAIL</h4>
              <p>
                info@amanmovement.org <br />
                kachrooraj@gmail.com(for direct contact with Raj Kachroo)
              </p> 
            </div>
          </div>
          <div class="media">
            <img class="media-object pull-left" src="img/contact-3.png" alt="...">
            <div class="media-body">
              <h4 class="media-heading">PHONE</h4>
              <p>0124-4017168 (9:30 AM To 6:00 PM)</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
         <h4>Query</h4>
         <form action="" method="POST" role="form">
          <div class="form-group">
            <input type="text" class="form-control" id="name" placeholder="Name">
            <input type="email" class="form-control" id="email" placeholder="Email">
            <input type="text" class="form-control" id="number" placeholder="Number">
            <textarea rows="4" class="form-control" id="message" placeholder="Message"></textarea>
          </div>
          
          <button type="submit" class="">Submit</button>
        </form>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
        <div class="last-column">
         <h2 class="first-head"><span class="glyphicon glyphicon-eye-open"></span> Total Views: 98736</h2>
         <h2 class=""><span class="glyphicon glyphicon-calendar"></span> since 30/12/2013</h2>
         <div class="gap"></div>
         <div class="gap"></div>
         <h2><span class="glyphicon glyphicon-phone-alt"></span> 24x7 Helpline: 1800 180 5522</h2>
         <h2><span class="glyphicon glyphicon-envelope"></span> helpline@antiragging.in</h2>
         <div class="gap"></div>
         <ul class="social-icons list-unstyled">
          <li class="youtube"><a href="#"></a></li>
          <li class="linked-in"><a href="#"></a></li>
          <li class="twitter"><a href="#"></a></li>
          <li class="blogger"><a href="#"></a></li>
        </ul>
      </div>
    </div>  
  </div>
  <div class="gap"></div>
  <hr>
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <h4 class="copyright text-center"><span class="glyphicon glyphicon-copyright-mark"></span> Copyright Aman Movement. All Rights Reserved </h4>
    </div>
  </div>
</div>
</div>
</footer>        
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>

<script src="js/vendor/bootstrap.min.js"></script>

<script src="js/main.js"></script>
</body>
</html>